<!-- BlogPost.vue -->
<script>
export default {
  props: ['title'],
  data() {
    return {
      
        content: 'This is the content of the blog post',
      
    }
  }
}
</script>

<template>
  <h4>{{ title }}</h4>
  <textarea v-model="content"></textarea>
  <button @click="$emit('enlarge-text', {content: this.content})">Enlarge text</button>
</template>